<%@ Page Language="C#" MasterPageFile="~/Common/WebSiteMaster.master" AutoEventWireup="true" CodeBehind="B_DropShadow.aspx.cs" Inherits="ScottCateAjax2008.Lesson03.B_DropShadow" Title="Drop Shadow" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <asp:ScriptManager runat="server" />
    
    <asp:Panel ID="Panel1" runat="server" CssClass="dropShadowPanel">
            <div style="padding:10px;font-color:white;">  
                First Name: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
                Last Name: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
                <hr />
           
                <asp:Panel ID="CollapseHeader" runat="server" style="cursor: pointer;">
                    <asp:Label ID="Label1" runat="server" Text="Label">Show Details...</asp:Label>
                </asp:Panel>
                <asp:Panel ID="Panel2" runat="server" style="overflow:hidden;height:0"> 
                    Not many details here.  This is just a demo to show how the DropShadow will react
                    properly to changes in the size of the panel it is attached to.               
                </asp:Panel>
                <cc1:CollapsiblePanelExtender ID="cpe1" runat="Server"
                    TargetControlID="Panel2"
                    Collapsed="true"
                    CollapsedText="Show Details..."
                    ExpandedText="Hide Details"
                    TextLabelID="Label1"
                    ExpandControlID="CollapseHeader"
                    CollapseControlID="CollapseHeader"
                    SuppressPostBack="true" />
            </div>
        </asp:Panel>

    <cc1:DropShadowExtender ID="DropShadowExtender1" 
            TargetControlID="Panel1" Width="5"
            Opacity=".15" Rounded="true"
            TrackPosition="true" Radius="10" runat="server">
    </cc1:DropShadowExtender>

</asp:Content>
